import QtQuick 2.0
import QtQuick.VirtualKeyboard 2.2

Item {
    id:root
    width: 800
    height: 400
    Rectangle{
        anchors.fill:parent
        color: "#263238"
        radius: 5
    }

    //输入框:必须由输入框键盘才能工作
    Rectangle{
        width: parent.width/2 - 10
        height: 95
        x:5
        y:5
        color: "black" //背景颜色
        radius:5//倒圆角
        TextInput{
            id:text_1
            anchors.centerIn: parent//居中
            color: "white" //字体颜色
            focus: true//这样才能输入
        }
    }

    //交互
    //信号
    signal qmlclosesignal
    signal qmlsignal(var data)//发送数据信号
    //取消键：用于发送和关闭mykeybord界面的信号
    Rectangle{
        width: parent.width/4 - 10
        height: 95
        x:parent.width*3/4+5
        y:5
        color: "#4f5b62" //背景颜色
        radius:5//倒圆角
        //按键文字
        Text{
            text: "取消"
            color: "white"
            anchors.centerIn: parent
        }
        //鼠标动作
        MouseArea{
            anchors.fill: parent
            onClicked: {
                qmlclosesignal()
            }
        }
    }

    //确认键：用于发送和关闭mykeybord界面的信号
    Rectangle{
        width: parent.width/4 - 10
        height: 95
        x:parent.width*2/4+5
        y:5
        color: "#4f5b62" //背景颜色
        radius:5//倒圆角
        //按键文字
        Text{
            text: "确定"
            color: "white"
            anchors.centerIn: parent
        }
        //鼠标动作
        MouseArea{
            anchors.fill: parent
            onClicked: {
                qmlsignal(text_1.text)//发送输入框的内容
                text_1.text=""
            }
        }
    }


    //键盘
    InputPanel{
        id:keyboard_1
        //可见性
        visible:true
        //确定键盘宽度
        anchors.left: parent.left
        anchors.right: parent.right

        //键盘位置
        y:120
    }
}
